import React from 'react';
import 'css/HistorySearch.css'

export default class HistorySearch extends React.Component {


  componentDidMount() {

  }

  render() {


    return <section className='history_all'>

      <div>
        <label>输入搜索条件:</label>
      </div>
      <div>
        <label>日期:</label>
        <input type='date'/>
        <label>姓名:</label>
        <input type='text'/>
        <label>周次:</label>
        <select>
          <option>第1周</option>
          <option>第2周</option>
          <option>第3周</option>
          <option>第4周</option>
          <option>第5周</option>
          <option>第6周</option>
          <option>第7周</option>
          <option>第8周</option>
          <option>第9周</option>
          <option>第10周</option>
        </select>
      </div>
      <div>
        <table id='search_result' border="1">
          <tr>
            <th className='table_head'>Month</th>
            <th className='table_head'>Savings</th>
          </tr>
          <tr>
            <td className='table_body'>January</td>
            <td className='table_body'>$100</td>
          </tr>
        </table>
      </div>
    </section>
  }
}




